<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>首页</title>
    <link rel="stylesheet" href="css/mui.css" />
    <link rel="stylesheet" href="css/main.css" />
    <link rel="stylesheet" href="css/footer.css" />
    <script src="js/pxtorem.js"></script>
    <style>
    	html,body{
    		width:100%;
    		height:100%;
    	}
    </style>
</head>
<body>
   <!--底部导航开始-->
     <nav class="mui-bar mui-bar-tab " id="nav" >  
            <a class="mui-tab-item mui-active" id="index">  
                <div class="index-bg  imgBox" ></div> 
                <div class="mui-tab-label">发现</div>  
            </a>  
            <a class="mui-tab-item " id="dynamics">  
                <div class="dynamics-bg imgBox"></div>
                <div class="mui-tab-label">动态</div>  
            </a> 
            <a class="mui-tab-item posted-bg" id="posted" style="width:0.66rem;height:0.66rem;">  
            </a>
            <a class="mui-tab-item " id="news">  
            	<div class="news-bg imgBox" ></div>
                <div class="mui-tab-label">消息</div>  
            </a> 
            <a class="mui-tab-item " id="mineCenter">  
                 <div class="mineCenter-bg imgBox"></div>
                 <div class="mui-tab-label">我的</div>  
            </a> 
        </nav>  
    <!--底部导航结束-->
</body>
<script src="js/mui.js"></script>
<script src="js/scrollnone.js"></script>
<script src="js/apptool.js"></script>
<script src="js/navfooter.js"></script>
</html>